<!DOCTYPE html>
<html>
<head>
    <title>PDF-Tools😎</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">


    <!-- Fonts-->
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='assets/fonts/fontawesome/font-awesome.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='assets/fonts/pe-icon/pe-icon.css') }}">
    <!-- Vendors-->
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='assets/vendors/bootstrap/grid.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='assets/vendors/magnific-popup/magnific-popup.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='assets/vendors/swiper/swiper.css') }}">
    <!-- App & fonts-->

<!--    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Open+Sans:400,700">-->
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='assets/css/googleapis.css') }}">
    <link rel="stylesheet" type="text/css" id="app-stylesheet" href="{{ url_for('static', filename='assets/css/main.css') }}">
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <![endif]-->

</head>

<body>
<div class="page-wrap" id="root">

    <!-- header -->
    <header class="header header--fixed">
        <div class="header__inner">
            <div class="header__logo">
                <a href="{{ url_for('index_routes.index') }}">
                    <img src="{{ url_for('static', filename='assets/img/logo.png') }}" alt="" style="width: 122px;"/>
                </a>
            </div>
            <div class="navbar-toggle" id="fs-button">
                <div class="navbar-icon">
                    <span></span>
                </div>
            </div>
        </div>

        <!-- fullscreenmenu__module -->
        <div class="fullscreenmenu__module" trigger="#fs-button">

            <!-- overlay-menu -->
            <nav class="overlay-menu">

                <ul class="wil-menu-list">
                    <li class="current-menu-item">
                        <a href="{{ url_for('index_routes.index') }}">Home</a>
                    </li>
                    <li>
                        <a href="{{ url_for('index_routes.about') }}">About</a>
                    </li>
                    <li>
                        <a href="work.html">Work</a>
                    </li>
                    <li>
                        <a href="blog.html">Blog</a>
                    </li>
                    <li>
                        <a href="contact.html">Contact</a>
                    </li>
                </ul>

            </nav><!-- End / overlay-menu -->

        </div><!-- End / fullscreenmenu__module -->

    </header><!-- End / header -->

    <!-- Content-->
    <div class="wil-content">

        <!-- Section -->
        <section class="awe-section">
            <div class="container">

                <!-- page-title -->
                <div class="page-title">
                    <h2 class="page-title__title">Welcome to use PDF-Tools.<br>I

                        <!-- typing__module -->
                        <div class="typing__module">
                            <div class="typed-strings">
                                <span>'m a genius</span>
                                <span>'m a talent</span>
                            </div>
                            <span class="typed"></span>
                        </div><!-- End / typing__module -->

                    </h2>
                    <p class="page-title__text"></p>
                    <div class="page-title__divider"></div>
                </div><!-- End / page-title -->

            </div>
        </section>
        <!-- End / Section -->


        <!-- Section -->
        <section class="awe-section bg-gray">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 ">
                        <!-- title -->
                        <div class="title">
                            <h2 class="title__title">My work</h2>
                        </div><!-- End / title -->
                    </div>
                </div>
                <div class="grid-css grid-css--masonry" data-col-lg="3" data-col-md="2" data-col-sm="2" data-col-xs="1"
                     data-gap="30">
                    <div class="grid__inner">
                        <div class="grid-sizer"></div>
                        <div class="grid-item">
                            <div class="grid-item__inner">
                                <div class="grid-item__content-wrapper">

                                    <!-- pdf转图片 -->
                                    <div class="work"><a href="{{ url_for('pdf2img_routes.pdf2img') }}">

                                        <!-- hoverbox ef-slide-bottom -->
                                        <div class="hoverbox ef-slide-bottom light">

                                            <!-- hb_front -->
                                            <div class="hb_front"><img
                                                    src="{{ url_for('static', filename='assets/img/pexels-photo-807034.jpeg') }}"
                                                    alt=""/>
                                            </div><!-- End / hb_front -->


                                            <!-- hb_back -->
                                            <div class="hb_back">
                                                <h2 class="work__title">PDF转图片</h2>
                                                <span class="work__text">将PDF每一页都转为图片</span>
                                            </div><!-- End / hb_back -->

                                        </div><!-- End / hoverbox ef-slide-bottom -->
                                    </a>
                                    </div><!-- End / work -->

                                </div>
                            </div>
                        </div>
                        <div class="grid-item">
                            <div class="grid-item__inner">
                                <div class="grid-item__content-wrapper">

                                    <!-- work -->
                                    <div class="work"><a href="{{ url_for('rmblank_routes.rmpdfblank') }}">

                                        <!-- hoverbox ef-slide-right -->
                                        <div class="hoverbox ef-slide-right light">

                                            <!-- hb_front -->
                                            <div class="hb_front"><img
                                                    src="{{ url_for('static', filename='assets/img/pexels-photo-754949.jpeg') }}"
                                                    alt=""/>
                                            </div><!-- End / hb_front -->


                                            <!-- hb_back -->
                                            <div class="hb_back">
                                                <h2 class="work__title">PDF删除某一页</h2><span
                                                    class="work__text">可以选择空白页进行删除</span>
                                            </div><!-- End / hb_back -->

                                        </div><!-- End / hoverbox ef-slide-right -->
                                    </a>
                                    </div><!-- End / work -->

                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="awe-text-center mt-50">
                    <a class="md-btn md-btn--outline-primary" href="#">all work
                    </a>
                </div>
            </div>
        </section>
        <!-- End / Section -->

    </div>
    <!-- End / Content-->

    <!-- footer -->
    <div class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-lg-6 ">
                    <p class="footer__coppy">
                        &copy; Copyright
                        <a target="_blank" href="{{ url_for('index_routes.index') }}">PDFTools</a>
                        . All rights Reserved.
                    </p>
                </div>
                <div class="col-md-6 col-lg-6 ">
                    <div class="footer__social">

                        <!-- social-icon -->
                        <a class="social-icon" href="#">
                            <i class="social-icon__icon fa fa-facebook"></i>
                        </a><!-- End / social-icon -->


                        <!-- social-icon -->
                        <a class="social-icon" href="#">
                            <i class="social-icon__icon fa fa-twitter"></i>
                        </a><!-- End / social-icon -->


                        <!-- social-icon -->
                        <a class="social-icon" href="#">
                            <i class="social-icon__icon fa fa-linkedin"></i>
                        </a><!-- End / social-icon -->


                        <!-- social-icon -->
                        <a class="social-icon" href="#">
                            <i class="social-icon__icon fa fa-behance"></i>
                        </a><!-- End / social-icon -->


                        <!-- social-icon -->
                        <a class="social-icon" href="#">
                            <i class="social-icon__icon fa fa-vimeo"></i>
                        </a><!-- End / social-icon -->

                    </div>
                </div>
            </div>
        </div>
    </div><!-- End / footer -->

</div>
<!-- Vendors-->
<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/jquery/jquery.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/imagesloaded/imagesloaded.pkgd.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/isotope-layout/isotope.pkgd.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/jquery-one-page/jquery.nav.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/jquery.easing/jquery.easing.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/jquery.matchHeight/jquery.matchHeight.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/magnific-popup/jquery.magnific-popup.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/masonry-layout/masonry.pkgd.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/jquery.waypoints/jquery.waypoints.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/swiper/swiper.jquery.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/menu/menu.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/typed/typed.min.js') }}"></script>
<!-- App-->
<script type="text/javascript" src="{{ url_for('static', filename='assets/js/main.js') }}"></script>
</body>
</html>